<template>
  <!-- 首页 -->
  <div class="common-layout">
    <el-container>
      <el-header>
        <el-row>
          <el-col :span="6">
            <img src="/imgs/icon.png" style="width: 100px">
          </el-col>
          <el-col :span="18">
            <el-menu
                router
                default-active="1"
                mode="horizontal"
            >
              <el-menu-item index="1">首页</el-menu-item>
              <el-menu-item index="2">会员</el-menu-item>
              <el-menu-item index="3">柜机</el-menu-item>
              <el-menu-item index="4">包裹</el-menu-item>
              <el-menu-item index="5">活动</el-menu-item>
              <el-menu-item index="6">财务</el-menu-item>
              <el-menu-item index="/account">其他</el-menu-item>
            </el-menu>
          </el-col>
        </el-row>
      </el-header>
      <el-container>
        <el-aside width="150px">
          <el-menu
              router
              default-active="1"
              active-text-color="#ffd04b"
              background-color="#2A323D"
              text-color="#fff"
          >
            <el-menu-item index="1">
              <el-icon><Operation /></el-icon>
              <span>系统首页</span>
            </el-menu-item>
            <el-sub-menu index="2">
              <template #title>
                <el-icon><UserFilled /></el-icon>
                <span>会员管理</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="2-1">快递员列表</el-menu-item>
                <el-menu-item index="2-2">快递员认证审核</el-menu-item>
                <el-menu-item index="2-3">普通会员列表</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>
            <el-sub-menu index="3">
              <template #title>
                <el-icon><Cellphone /></el-icon>
                <span>柜机管理</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="3-1">柜机列表</el-menu-item>
                <el-menu-item index="3-2">租用列表</el-menu-item>
                <el-menu-item index="3-3">租用审核</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>
            <el-sub-menu index="4">
              <template #title>
                <el-icon><Box /></el-icon>
                <span>包裹管理</span>
              </template>
              <el-menu-item-group>
                <el-sub-menu index="4-1">
                  <template #title>存取件管理</template>
                  <el-menu-item index="4-1-1">所有件</el-menu-item>
                  <el-menu-item index="4-1-2">待取件</el-menu-item>
                  <el-menu-item index="4-1-3">滞留件</el-menu-item>
                  <el-menu-item index="4-1-4">已完结</el-menu-item>
                  <el-menu-item index="4-1-5">已取消</el-menu-item>
                </el-sub-menu>
                <el-sub-menu index="4-2">
                  <template #title>寄收件管理</template>
                  <el-menu-item index="4-2-1">所有件</el-menu-item>
                </el-sub-menu>
              </el-menu-item-group>
            </el-sub-menu>
            <el-sub-menu index="5">
              <template #title>
                <el-icon><ShoppingTrolley /></el-icon>
                <span>活动管理</span>
              </template>
            </el-sub-menu>
            <el-sub-menu index="6">
              <template #title>
                <el-icon><CreditCard /></el-icon>
                <span>财务管理</span>
              </template>
              <el-menu-item-group>
                <el-menu-item index="6-1">账户信息</el-menu-item>
                <el-menu-item index="6-2">支付记录</el-menu-item>
                <el-menu-item index="6-3">充值记录</el-menu-item>
                <el-menu-item index="6-4">汇率管理</el-menu-item>
              </el-menu-item-group>
            </el-sub-menu>
            <el-sub-menu index="7">
              <template #title>
                <el-icon><Setting /></el-icon>
                <span>其他管理</span>
              </template>
              <el-sub-menu index="7-1">
                <template #title>系统配置</template>
                <el-menu-item index="7-1-1">智能柜收费设置</el-menu-item>
                <el-menu-item index="7-1-2">智能柜系统设置</el-menu-item>
                <el-menu-item index="7-1-3">Dropdown配置</el-menu-item>
              </el-sub-menu>
              <el-sub-menu index="7-2">
                <template #title>广告投放</template>
                <el-menu-item index="7-2-1">智能柜分屏广告</el-menu-item>
                <el-menu-item index="7-2-2">智能柜待机广告</el-menu-item>
                <el-menu-item index="7-2-3">APP Banner广告</el-menu-item>
                <el-menu-item index="7-2-4">APP引导页广告</el-menu-item>
              </el-sub-menu>
              <el-menu-item index="7-3">广播公告</el-menu-item>
              <el-sub-menu index="7-4">
                <template #title>帮助中心</template>
                <el-menu-item index="7-4-1">问题列表</el-menu-item>
                <el-menu-item index="7-4-2">问题分类</el-menu-item>
              </el-sub-menu>
              <el-menu-item index="1-5">意见反馈</el-menu-item>
              <el-sub-menu index="7-6">
                <template #title>权限管理</template>
                <el-menu-item index="7-6-1">栏目管理</el-menu-item>
                <el-menu-item index="7-6-2">角色管理</el-menu-item>
                <el-menu-item index="7-6-3">子账号管理</el-menu-item>
              </el-sub-menu>
              <el-menu-item index="/account">账号设置</el-menu-item>
            </el-sub-menu>
          </el-menu>
        </el-aside>
        <el-main>
          <router-view/>

        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script setup>

</script>
<style>
</style>